	function showDialog(param){
		$.ajax({
			  url: 'getCommentById.html',
			  data : {'commentId' : param.id},
			  dataType : 'json',
			  success: function(data) {
				$("#output").html(data.comment);
				$("#commentId").val(param.id);
			  }
		});
       ShowDialog(true);
       e.preventDefault();
	}
	
	function validate(){
		if($("#replyMessage").val() == ""){
			$("#error").html("B\u1EA1n ch\u01B0a nh\u1EADp n\u1ED9i dung ph\u1EA3n h\u1ED3i");
			return false;
		}
		return true;
	}
	
	function sendReply(){
		if(validate()){
			document.replyForm.submit();
		}
	}

	function updateStatus(){
		$.ajax({
			  url: 'updateStatus.html',
			  data : {'commentId' : $("#commentId").val()},
			  dataType : 'json'
		});
	}
	
	$(document).ready(function (){
      $("#btnClose").click(function (e)
      {
         HideDialog();
         e.preventDefault();
      });

      $("#btnCancel").click(function (e)
      {
         HideDialog();
         e.preventDefault();
      });

   });


   function ShowDialog(modal){
      $("#overlay").show();
      $("#dialog").fadeIn(300);

      if (modal)
      {
         $("#overlay").unbind("click");
      }
      else
      {
         $("#overlay").click(function (e)
         {
            HideDialog();
         });
      }
   }

   function HideDialog()
   {
	   updateStatus();
	  $("#replyMessage").val("");
	  $("#error").html("");
      $("#overlay").hide();
      $("#dialog").fadeOut(300);
   }